<template>
  <div class="special-Component">
    <div class="special-title">专题</div>
    <van-row class="special-list" :wrap="false">
      <van-col span="12" v-for="item in baseStore.CatSpecial.special_list" :key="item.special_id">
        <van-image
         width="100%"
         :src="item.special_img"
         radius="5"
        />
      </van-col>
    </van-row>
  </div>
</template>

<script setup lang="ts">
  import { useBaseStore } from '../../store';
  let baseStore = useBaseStore();
</script>

<style scoped lang="less">
  .special-Component{
    width: 95%;
    margin: 15px auto 0;
    .special-title{
      font-size: 24px;
      font-weight: bold;
      margin: 10px 0;
    }
    .special-list{
      overflow: hidden;
      overflow-x: scroll;
    }
    .special-list::-webkit-scrollbar{
      width: 0px;
    }
    .van-col{
      margin-right: 10px;
    }
  }
</style>